<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
primefaces 3.0RC2 = xmlns:p="http://primefaces.org/ui"
 -->
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core" 
	xmlns:p="http://primefaces.prime.com.tr/ui">

<h:head>
<title>I.E.P &quot;SAN CARLOS&quot;</title>
<h:outputStylesheet library="css" name="misEstilosLogin.css" target="head"/>
<script src="http://maps.google.com/maps/api/js?sensor=true"  type="text/javascript"/>
</h:head>

<h:body style="background-color: #00CCFF;">
<!--  <h1 align="center">I.E.P &quot;SAN CARLOSsss&quot;</h1>-->
	<table  style="background-color: #00CCFF" width="100%">
	<tr>
	<td align="center">
	<h:graphicImage value="/images/1.jpg" height="60" width="65"></h:graphicImage>
	<div id="effect596642" style="height: 100 ;width:400">
		<script type="text/javascript" src="http://www.effectgenerator.com/1.0.7/effect.php?id=596642&amp;replace=effect596642"></script>
	</div>
	</td>
	</tr>
	</table>
	      
<h:form> 
<p:tooltip global="true"/>
   <p:tabView onTabShow="mymap.checkResize()"> 
    
    <p:tab title="Inicio">
 	<table align="center"> 
 	<tr>
 	<td width="700"> 
		<div id="effect596080" style="height: 300px; width: 700px;">
		<script type="text/javascript" src="http://www.effectgenerator.com/1.0.7/effect.php?id=596080&amp;replace=effect596080"></script>
		</div>
 	</td>
 	</tr>
 	</table>
 
    <h:panelGrid columns="2" cellpadding="10">             
        <table>
        <tr>
        <td align="justify">
        <font color="black" size="2" >
        <font size="5" face="Georgia, Arial" color="black">S</font>an Carlos, nuestra intstitución educativa, tiene el compromiso profesional y social de formar permanentemente
        a nuestros educandos en el rconocimiento de ellos, como centro del proceso educativo, de cambio y desarrollo de
        nuestro país. Por ello, ofrecemos una calidad educativa en todos los niveles, para contribuir al reconocimiento
        y valoración de lo socio emocional, el sentido crítico, la identidad, la ciudadanía y la conciencia democrática
        a través del hecho educativo, donde buscamos el desarrollo integral del educando, el despliegue de sus potencialidades
        y el desarrollo de capacidades, conocimientos, actitudes y valores esenciales para actuar adecuada y eficazmente
        en los diversos ámbitos de la sociedad. <br />
        <br></br>
        <font size="5" face="Georgia, Arial" color="black">A</font>demás, brindamos una educación bilingue(castellano - inglés), como desarrollamos sus habilidades en el campo de 
        la informática, imprescindibles en este siglo XXI como instrumentos indispensables para no estar ajenos a la 
        globalización y comunicación audiovisual, interactiva y virtual.
        </font>
        </td>
        </tr>
        </table>
    </h:panelGrid>  
    </p:tab>  
  
    <p:tab title="Visión"> 
		<h:panelGrid columns="2" cellpadding="10"> 
  
	<p:fieldset legend="Nuestra Visión">  
    <h:panelGrid columns="2" cellpadding="10">
        <table>
		<tr>
		<td>
		<div id="effect596062" style="height: 300px; width: 300px;">
		<script type="text/javascript" src="http://www.effectgenerator.com/1.0.7/effect.php?id=596062&amp;replace=effect596062"></script>
		</div>
		</td>
		<td align="justify"> 
        <font size="5" face="Georgia, Arial" color="BLACK">L</font>ograr una formacion integral de calidad sustentada en la práctica de valores y virtudes.
        Alcanzar una educación con libertad que propicie la convivencia reflexiva y crítica respecto
        a su entorno natural y social.<br />
         <br></br>
        <font size="5" face="Georgia, Arial" color="BLACK">S</font>er reconocidos en la comunidad como líderes e innovadores en la formación integral  
        de niños y  adolescentes, basada en una  educación humanista, científica e innovadora,
        que responda eficiente y eficazmente  a las exigencias de un mundo  globalizado y  
        desafíos de nuestra sociedad.
        </td>
        </tr>
        </table> 
    </h:panelGrid>  
	</p:fieldset> 
	
    </h:panelGrid>     
    </p:tab>
    
    <p:tab title="Misión">
        <h:panelGrid columns="2" cellpadding="10">
        <p:growl id="growl" showDetail="true" />  

	<p:fieldset legend="Nuestra Misión">  
    <h:panelGrid columns="2" cellpadding="10">  
        <table>
        <tr>
        <td>
		<div id="effect596056" style="height: 350px; width: 250px;">
		<script type="text/javascript" src="http://www.effectgenerator.com/1.0.7/effect.php?id=596056&amp;replace=effect596056"></script>
		</div>
		</td>
        <td align="justify">
        <font size="5" face="Georgia, Arial" color="BLACK">N</font>uestra misión es ofrecer una educación de calidad através de una enseñanza transversal y significativa
        en todos los niveles buscando el aprendizaje integral del alumno dentro del campo de la enseñanza escolar.<br />
        <br></br>
        <font size="5" face="Georgia, Arial" color="BLACK">F</font>ormar intelectual y moralmente, al niño y al joven, con sólidos valores, así como con sentido
        de responsabilidad social.Afianzar la formación integral con sólidos valores cristianos preparándolos para la vida en 
        respuesta a las exigencias y requerimientos del siglo XXI.
        </td>
        </tr>
        </table>
    </h:panelGrid>  
	</p:fieldset>        
        
        </h:panelGrid>  
    </p:tab>  
    
    <p:tab title="Contáctenos">
    <table>
    <tr>
    <td width="300">
    <h:graphicImage value="/images/buscar.jpg" height="100" width="100"></h:graphicImage><br></br>
    <font size="4" style="font-style: italic; color: blue;">Encuéntranos en:</font><br></br>
    Av. Brasil Nro 2 <br></br>
    Breña, Lima - Perú<br></br>
    informes@sancarlos.com<br></br>
    <br />   
    <br />
    <font size="4" style="font-style: italic; color: blue;">Teléfonos:</font><br></br>
    550 1170 / 550 3263 <br></br>
    </td>
    <td>
   		<div align="center">
	 		<f:view contentType="text/html">
       			<p:gmap 
       			widgetVar="mymap"
       			center="-12.051276302138568,-77.05594340515137" zoom="15" type="ROADMAP"   
       			style="width:600px;height:400px"  
       		 	model="#{mapBean.simpleModel}" /> 
    		</f:view>
		</div>
	</td>
	<td width="100">
	</td>
	</tr> 
	</table>   
    </p:tab>  

    <p:tab title="Intranet">
     <br></br><br></br><br></br><br></br><br></br><br></br>
     <br></br><br></br><br></br><br></br><br></br><br></br>
     <br></br><br></br><br></br><br></br><br></br><br></br>
     <br></br><br></br><br></br><br></br><br></br><br></br>
     <br></br><br></br><br></br><br></br><br></br><br></br>
		<div id="login"> 
         <h:panelGrid id="grid" columns="3"  >
							<h:outputLabel value="Usuario"/>
							<p:inputText id="usuario" value="#{logueoBean.cadenausuario}" required="true" requiredMessage="Ingrese Usuario" maxlength="11">
							</p:inputText>
							<p:message for="usuario"/>
							<h:outputLabel value="Password"/>
							<p:password id="password" value="#{logueoBean.cadenapassword}" required="true" requiredMessage="Ingrese Password" feedback="false">
							</p:password>
							<p:message for="password"/>				
		</h:panelGrid>
		<p:commandButton value="Ingresar" 
						action="#{logueoBean.loguearUsuario}" 
						update="grid" ajax="false" 
						title="Ingresar al sistema"/>
		<h:outputLink 
		 value= "faces/seguridad/recuperaContrasena.xhtml" title="Recupere su contraseña aquí">
		  <f:verbatim >Olvidó su contrasena?</f:verbatim>
		</h:outputLink>
      	</div>
    </p:tab>  
</p:tabView>
  <c:if test='#{logueoBean.mensaje!=null}'>
  	<p:dialog header="Ingresar al Sistema" widgetVar="dlg2" modal="true" height="200" visible="true" position="center" resizable="false" showEffect="bounce" hideEffect="explode">
  		  <h:outputLabel value="#{logueoBean.mensaje}"></h:outputLabel>
  	</p:dialog>
   </c:if> 
</h:form>     
</h:body>
</html>
